<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商城首页</title>
	</head>

	<body>
		<!--1.创建一个八行一列的表格-->
		<table border="1px" width="100%" align="center" cellpadding="0px" cellspacing="0px">
			<!--2.logo部分-->
			<tr>
				<!--嵌套一个一行三列的表格-->
				<td>
					<table border="1px" width="100%">
						<tr>
							<td>
								<img src="../img/logo2.png" />
							</td>
							<td>
								<img src="../img/header.png" />
							</td>
							<td>
								<a href="#">登录</a>
								<a href="#">注册</a>
								<a href="#">购物车</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--3.导航栏-->
			<tr height="60px">
				<td bgcolor="black">
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<font size="5" color="white">首页</font>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<font size="3" color="white">手机数码</font>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<font size="3" color="white">电脑办公</font>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<font size="3" color="white">鞋靴箱包</font>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<font size="3" color="white">家用电器</font>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
				</td>
			</tr>
			<!--4.轮播图-->
			<tr>
				<td>
					<img src="../img/1.jpg" width="100%" />
				</td>
			</tr>
			<!--5.最新商品-->
			<tr>
				<td>
					<!--嵌套一个三行七列的表格-->
					<table border="1px" width="100%" cellpadding="0px" cellspacing="0px">
						<tr>
							<td colspan="7">
								&nbsp;&nbsp;
								<font size="5">最新商品</font>&nbsp;&nbsp;
								<img src="../img/title2.jpg" />
							</td>
						</tr>
						<tr>
							<td rowspan="2" width="190px" height="500px">
								<img src="../img/big01.jpg" width="100%" height="100%" />
							</td>
							<td colspan="3" width="555px" height="250px">
								<img src="../img/middle01.jpg" width="100%" height="100%" />
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
						</tr>
						<tr>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"> <img src="../img/small03.jpg" /></a><br />
								<a href="#">
									<font color="gray">电炖锅</font>
								</a><br /><br />
								<font color="red">¥499</font>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--6.广告图片-->
			<tr>
				<td>
					<img src="../img/rec.jpg" width="100%" />
				</td>
			</tr>
			<!--7.热门商品-->
			<tr>
				<td>
					<table border="1px" align="center" cellpadding="0px" cellspacing="0px" width="100%">
						<tr>
							<td colspan="7">
								&nbsp;&nbsp;
								<font size="5">热门商品</font>&nbsp;&nbsp;
								<img src="../img/title2.jpg" />
							</td>
						</tr>
						<tr>
							<td rowspan="2" width="190px" height="500px">
								<img src="../img/big01.jpg" width="100%" height="100%" />

							</td>
							<td colspan="3" width="185px" height="250px">
								<img src="../img/middle01.jpg" height="100%" width="100%" />
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
						</tr>
						<tr>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
							<td width="185px" height="250px" align="center">
								<a href="#"><img src="../img/small03.jpg" /><br /></a>
								<a href="#">
									<font color="gray">电炖锅</font><br /><br /></a>
								<a href="#">
									<font color="red">¥499</font>
								</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--8.广告图片-->
			<tr>
				<td>
					<img src="../img/footer.jpg" width="100%" />
				</td>
			</tr>
			<!--9.友情链接和版权信息-->
			<tr>
				<td align="center">
					<p>
						<a href="#">关于我们</a>&nbsp;&nbsp;
						<a href="#">联系我们</a>&nbsp;&nbsp;
						<a href="#">招贤纳士</a>&nbsp;&nbsp;
						<a href="#">法律声明</a>&nbsp;&nbsp;
						<a href="#">友情链接</a>&nbsp;&nbsp;
						<a href="#">支付方式</a>&nbsp;&nbsp;
						<a href="#">配送方式</a>&nbsp;&nbsp;
						<a href="#">服务声明</a>&nbsp;&nbsp;
						<a href="#">广告声明</a>
					</p>
					<p>
						Copyright © 2005-2016 传智商城 版权所有
					</p>
				</td>
			</tr>
		</table>
	</body>

</html>